<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/aa.css">
    <link rel="stylesheet" href="../css/style.css">
    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    <script src="../js/trem.js"></script>
</head>
<body>
<div class="main">
    <div class="mains">
        <div class="top">
            <a href="">Eye4商城</a>
            <div class="topbo">
                <a href=""><div class="img"><img src="../img/top_1.png"/></div>购物车（1）</a>
                <div class="right_distance"><a href="">消息通知</a></div>
                <div class="division"></div><a href="">注册</a>
                <div class="division"></div><a href="">登录</a>
            </div>
        </div>
    </div>
    <div class="site-header">
        <div class="container">
            <div class="header-logo">
                <img src="../img/top_2.png"/>
            </div>
            <div class="header-nav">
                <ul class="nav-list J_navMainList clearfix">
                    <li class="nav-item">
                        <a class="link"><span class="text">全部商品分类</span><span class="arrow"></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="link"><span class="text">家用网络摄像机</span><span class="arrow"></span></a>
                    </li>
                    <li class="nav-item">
                        <a class="link"><span class="text">专用网络摄像机</span></a>
                    </li>
                </ul>
            </div>
            <div class="header-search">
                <form  class="search-form">
                    <input class="search-text"/>
                    <input type="submit" class="search-btn iconfont" value="&#xe616;"/>
                </form>
            </div>
        </div>
    </div>
    <div class="index_b">首页 技术支持</div>
    <div class="index_tu">
        <div id="particles-js"></div>
    </div>
    <div class="index_zz">
        <div class="index_wen">您需要帮助吗</div>
        <div class="index_input"><input type="text" placeholder="搜索服务"></div>
        <div class="index_fdj"><img src="../img/top_3.png"/></div>
    </div>
    <div class="index_a">自助服务</div>
    <div class="commodity">
        <div class="commodity_a">
            <div class="commodity_img">
                <img src="../img/service_1.png"/>
            </div>
            <div class="commodity_tit">
                软件下载
            </div>
        </div>
        <div class="commodity_a">
            <div class="commodity_img">
                <img src="../img/service_2.png"/>
            </div>
            <div class="commodity_tit">
                SDK开发
            </div>
        </div>
        <div class="commodity_a">
            <div class="commodity_img">
                <img src="../img/service_3.png"/>
            </div>
            <div class="commodity_tit">
                售后服务
            </div>
        </div>
        <div class="commodity_a">
            <div class="commodity_img">
                <img src="../img/service_4.png"/>
            </div>
            <div class="commodity_tit">
                在线咨询
            </div>
        </div>
        <div class="commodity_a">
            <div class="commodity_img">
                <img src="../img/service_5.png"/>
            </div>
            <div class="commodity_tit">
                联系Eye4支持
            </div>
        </div>
    </div>
    <div class="index_a">产品专区</div>
    <div class="commodityb">
        <div class="commodity_b">
            <div class="commodity_img2">
                <img src="../img/type_1.png"/>
            </div>
            <div class="commodity_tit">
                E系列
            </div>
        </div>
        <div class="commodity_b">
            <div class="commodity_img2">
                <img src="../img/type_2.png"/>
            </div>
            <div class="commodity_tit">
                D系列
            </div>
        </div>
        <div class="commodity_b">
            <div class="commodity_img2">
                <img src="../img/type_3.png"/>
            </div>
            <div class="commodity_tit">
                C系列
            </div>
        </div>
        <div class="commodity_b">
            <div class="commodity_img2">
                <img src="../img/type_4.png"/>
            </div>
            <div class="commodity_tit">
                NVS系列
            </div>
        </div>
        <div class="commodity_b">
            <div class="commodity_img2">
                <img src="../img/type_5.png"/>
            </div>
            <div class="commodity_tit">
               NVR系列
            </div>
        </div>
    </div>
    <div class="index_a">常见问题</div>
    <div class="question">
        <div class="title">摄像机无法”一键WiFi配置“</div>
        <div class="content">1. 插入电源，云台会自检，当听到“无线配置等待中”时再点击“+”号，选择“无线配置摄像机”（若摄像机没有发出“无线配置等待中”的声音.</div>
        <div class="content_hou">查看完整内容</div>
    </div>
    <div class="question">
        <div class="title">摄像机无法”一键WiFi配置“</div>
        <div class="content">1. 插入电源，云台会自检，当听到“无线配置等待中”时再点击“+”号，选择“无线配置摄像机”（若摄像机没有发出“无线配置等待中”的声音.</div>
        <div class="content_hou">查看完整内容</div>
    </div>


    <div class="button">
        <div class="buts">
            <div class="buts1">
                <div class="buts11">
                    <div class="tuu">
                        7
                    </div>
                    <div class="tuz">
                        <div class="tuz1">天</div>
                        <div class="tuz1">退货保障</div>
                    </div>
                </div>
                <div class="buts11">
                    <div class="tuu">
                        15
                    </div>
                    <div class="tuz">
                        <div class="tuz1">天</div>
                        <div class="tuz1">换货承诺</div>
                    </div>
                </div>
                <div class="buts11" style="border: 0">
                    <div class="tuu">
                        1年
                    </div>
                    <div class="tuz">
                        <div class="tuz1">保修</div>
                        <div class="tuz1">保质服务</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bt2">
            <div class="bt2s" style="margin-left: 0">
                <div class="b2">帮助中心</div>
                <a href="">购物指南</a>
                <a href="">支付方式</a>
                <a href="">配送说明</a>
            </div>
            <div class="bt2s">
                <div class="b2">帮助中心</div>
                <a href="">购物指南</a>
                <a href="">支付方式</a>
                <a href="">配送说明</a>
            </div>
            <div class="bt2s">
                <div class="b2">帮助中心</div>
                <a href="">购物指南</a>
                <a href="">支付方式</a>
                <a href="">配送说明</a>
            </div>
            <div class="bt2s">
                <div class="b2">帮助中心</div>
                <a href="">购物指南</a>
                <a href="">支付方式</a>
                <a href="">配送说明</a>
            </div>
            <div class="bt2s">
                <div class="b2">帮助中心</div>
                <a href="">购物指南</a>
                <a href="">支付方式</a>
                <a href="">配送说明</a>
            </div>
            <div class="fgx"></div>
            <div class="kf">
                <div class="kf1"><img src="../img/button_2.png"/></div>
                <div class="kf2">客服专线，周一至周日8:30-18:00</div>
                <div class="kf3"><img src="../img/button_1.png"/></div>
            </div>
        </div>
        <div class="dz1">
            免费条款丨隐私保护丨咨询热点丨联系我们丨公司简介丨配送方式丨智能家居丨VeePai丨站长统计
        </div>
        <div class="dz2">
            ©2015Eye4智能云VStarcam版权所有 粤ICP备12056938号-3
        </div>
        <div class="dz3">
            我的安全，我做主！
        </div>

    </div>
</div>
</body>
<script src="../js/particles.min.js"></script>
<script src="../js/app.js"></script>
<script>
    var count_particles, stats, update;
    stats = new Stats;
    stats.setMode(0);
    stats.domElement.style.position = 'absolute';
    stats.domElement.style.left = '0px';
    stats.domElement.style.top = '0px';
    document.body.appendChild(stats.domElement);
    count_particles = document.querySelector('.js-count-particles');
    update = function() {
        stats.begin();
        stats.end();
        if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
            count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
        }
        requestAnimationFrame(update);
    };
    requestAnimationFrame(update);
</script>
</html>